export const directions = [
    {
        key: 'top',
        arrow: '',
        gradient: 'bg-gradient-to-t',
        radial: 'bg-radial-at-t',
        conic: 'bg-conic-to-t',
    },
    {
        key: 'bottom',
        arrow: 'rotate-180',
        gradient: 'bg-gradient-to-b',
        radial: 'bg-radial-at-b',
        conic: 'bg-conic-to-b',
    },
    {
        key: 'left',
        arrow: '-rotate-90',
        gradient: 'bg-gradient-to-l',
        radial: 'bg-radial-at-l',
        conic: 'bg-conic-to-l',
    },
    {
        key: 'right',
        arrow: 'rotate-90',
        gradient: 'bg-gradient-to-r',
        radial: 'bg-radial-at-r',
        conic: 'bg-conic-to-r',
    },
    {
        key: 'top-left',
        arrow: '-rotate-45',
        gradient: 'bg-gradient-to-tl',
        radial: 'bg-radial-at-tl',
        conic: 'bg-conic-to-tl',
    },
    {
        key: 'top-right',
        arrow: 'rotate-45',
        gradient: 'bg-gradient-to-tr',
        radial: 'bg-radial-at-tr',
        conic: 'bg-conic-to-tr',
    },
    {
        key: 'bottom-left',
        arrow: '-rotate-135',
        gradient: 'bg-gradient-to-bl',
        radial: 'bg-radial-at-bl',
        conic: 'bg-conic-to-bl',
    },
    {
        key: 'bottom-right',
        arrow: 'rotate-135',
        gradient: 'bg-gradient-to-br',
        radial: 'bg-radial-at-br',
        conic: 'bg-conic-to-br',
    },
    {
        key: 'center',
        arrow: '',
        gradient: '',
        radial: 'bg-radial',
        conic: 'bg-conic',
    },
];
